.other-user-share-container {
  padding-top: 200px;
  padding-bottom: 20px;
  overflow-y: auto;
  height: 100%;

  .user-detail-container {
    position: absolute;
    top: 66px;
    width: 1140px;
    z-index: 9999;
    padding: 10px 0 10px 2em;
    background-color: #fafafa;
  }

  .user-share-list {
    height: 100%;

    h1 {
      font-size: 26px;
      font-weight: bold;
    }

    .book-list-item {
      padding: 4px 8px;
      background-color: #fafafa;
      border-bottom-color: #434e5988;

      .list-item-title {
        .item-isbn {
          float: right;
        }
      }

      .ant-list-item-extra {
        display: flex;
        justify-content: center;
        flex-direction: column;
      }

      .ant-list-item-main {
        position: relative;

        .ant-list-item-meta {
          .ant-list-item-meta-title {
            margin-top: 6px;
            font-size: 20px;
            font-weight: bolder;
          }
        }

        .content {
          width: 100%;
          padding: 0 10px 30px;
          white-space: pre-wrap; /* css-3 */
          word-wrap: break-word; /* Internet Explorer 5.5+ */
        }

        .footer {
          position: absolute;
          width: 100%;
          bottom: 0;
          font-size: 16px;
          font-weight: bold;

          .borrowed-state {
            float: right;
            color: green !important;

            &.borrowed {
              color: coral !important;
            }

            a {
              color: inherit;
            }
          }
        }
      }
    }
  }
}

